<template>
    <view class="projectStatistics">
        <Navbar title="工程统计"> </Navbar>
        <view class="p-20rpx">
            <view class="w-full box">111</view>
            <van-pagination
                class="paginationClass mt-20rpx"
                v-model="currentPage"
                :total-items="total"
                :items-per-page="5"
            />
        </view>
    </view>
</template>
<script>
import { defineComponent, reactive, toRefs, onMounted } from 'vue'
export default defineComponent({
    props: {},
    setup(props, { emit }) {
        const state = reactive({
            total: 24,
            currentPage: 1,
        })
        const methods = {}
        const apis = {}
        const computeds = {}
        onMounted(() => {})
        return {
            ...apis,
            ...toRefs(state),
            ...methods,
            ...computeds,
        }
    },
})
</script>
<style lang="less" scoped>
.van-pagination__item button {
    flex: 1;
    height: 100%;
    border: none;
    padding: 0;
    background: transparent;
}
.projectStatistics {
    .paginationClass {
        background: #ffffff;
        :deep(.van-pagination__item) {
            button {
                background: #ffffff;
                border: 1rpx solid #e6e6e6;
                padding: 10rpx 15rpx;
            }
        }
    }
}
</style>
